div{
  width: 50px;
  height: 50px;
  background-color: orange;
  border: 1px solid black;
  box-sizing: border-box;
  margin: 20px;
  padding: 15px 0px;
  text-align: center;
}
.d1{
  transform: translateX(100px) rotate(45deg) ;
  background-color: yellow;
}
.d2{
  transform: rotate(45deg) translateX(100px);
  background-color: green;
}